<template>
  <child @adds="adds"></child>
  <ul>
    <li v-for="item in list">{{ item }}</li>
  </ul>
</template>

<script setup>
import child from './child.vue'
import { ref } from 'vue'

const list = ref(['html', 'css', 'js'])

const adds = (e) => {
  list.value.push(e)
}
</script>

<style lang="css" scoped></style>
